// pages/learn/locallife/home/home.js
/**
 * 案例本地生活
 * 首页效果以及实现步骤。
 * ① 新建项目并梳理项目结构
 * ② 配置导航栏效果
 * ③ 配置tabbar效果 ，沿用，直接将home放到首页
 * ④ 实现轮播图效果 swiper.网络来源
 * ⑤ 实现九宫格效果
 * ⑥ 实现图片布局
 * */ 


Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 存放轮播图数据的数组。
    swiperList:[],
    // 存放九宫格数据的数组。
    gridList:[]
  },

  /**
   * 生命周期函数--监听页面加载
   * 就可以随机获取一个名言警句
   * https://api.xygeng.cn/one
   * 爱奇艺
   * https://api.chucknorris.io/jokes/random
   * 爱奇艺
   * http://cache.video.iqiyi.com/jp/avlist/202861101/1/?callback=jsonp9
   * 
   * 获取随机图片
   * https://www.dmoe.cc/random.php?return=json
   * https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh-CN
   * 
   * 搜图-免费API,收集所有免费的API
   * https://zj.v.api.aa1.cn/api/so-baidu-img/?msg=%E5%85%8D%E8%B4%B9%E6%8E%A5%E5%8F%A3&page=1
   * 
   * 获取随机一组猫的图片
   * https://api.thecatapi.com/v1/images/search?limit=2
   * 
   * 爱奇艺接口-用海贼王的片源id（GET） form https://juejin.cn/post/7041461420818432030
   * https://cache.video.iqiyi.com/jp/avlist/202861101/1/
   * 
   * 今日头条接口 form  https://www.free-api.com/doc/519
   * http://is.snssdk.com/api/news/feed/v51/
   * 
   * 网易新闻接口 接口 https://blog.csdn.net/github_37360787/article/details/79529021
   * 汽车：https://c.m.163.com/nc/auto/list/5bmz6aG25bGx/0-20.html
   */
  onLoad(options) {
    this.getSwiperList()
    this.getGirdList()
  },

  // 获取轮播图的方法
  getSwiperList() {
    wx.request({
      url: 'https://zj.v.api.aa1.cn/api/so-baidu-img/?msg=%E5%85%8D%E8%B4%B9%E6%8E%A5%E5%8F%A3&page=1',
      method:'GET',
      success: (res) => {
        console.log(res)
        // 赋值轮播图数据
        this.setData({
          swiperList:res.data.data
        })
      },
    })
  },

    // 获取九宫格的方法 https://www.free-api.com/doc/516。获取热门视频。num=9 一页9个
    getGirdList() {
      wx.request({
        url: 'http://baobab.kaiyanapp.com/api/v4/discovery/hot?start=1&num=9',
        method: 'GET',
        success:(res) => {
          console.log(res)
          this.setData({
            gridList:res.data.itemList
          })
        }
      })
    },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})